<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>成绩统计</title>
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <!-- 引入样式 -->
    <script type="text/javascript" src="../js/vue.js"></script>
    <script type="text/javascript" src="../js/axios.min.js"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"/>
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <script type="text/javascript" src="../js/moent.js"></script>
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <style type="text/css">
        .boxcard{
            width:390px;
            height:250px;
        }
        a{
            text-decoration: none;
            color:black;
        }
        a:hover{
            text-decoration: underline;
            color:red;
        }

    </style>
</head>
<body>
<div style="height: 80px;">
    <div id="msg">
        <h2>{{ message}}</h2>
    </div>
</div>
<center>

    <div id="app">
        <el-row >
            <el-col :span="7">
                <el-card shadow="hover" class="boxcard">
                    <p ><strong><a href="/zhishi/sdhtml"> <img src="../img/icon-item001.png" style="border-radius:10px"/><br>知识测验</a></strong></p>
                    <p><span style="color:gray">知识测验得分</span></p>
                </el-card>
            </el-col>
            <el-col :span="7">
                <el-card shadow="hover" class="boxcard">

                    <p><strong><a href="/shidi/html"><img src="../img/icon-item003.png" style="border-radius:10px"/><br>实地考察</a></strong></p>
                    <p><span style="color:gray">实地考察得分</span></p>
                </el-card>
            </el-col>
            <el-col :span="7">
                <el-card shadow="hover" class="boxcard">

                    <p ><strong><a href="/pyOnline/toList">   <img src="../img/icon-item002.png" style="border-radius:10px"/><br>在线评议</a></strong></p>
                    <p><span style="color:gray">社会评议得分</span></p>
                </el-card>
            </el-col>
        </el-row>
        <el-row >
            <el-col :span="7">
                <el-card shadow="hover" class="boxcard">
                    <p ><strong><a href="/ceping/html"> <img src="../img/icon-item001.png" style="border-radius:10px"/><br>测评得分</a></strong></p>
                    <p><span style="color:gray">材料审核得分</span></p>
                </el-card>
            </el-col>
            <el-col :span="7">
                <el-card shadow="hover" class="boxcard">

                    <p ><strong><a href="/kf/html"><img src="../img/icon-item004.png"style="border-radius:10px"/><br>扣分</a></strong></p>
                    <p><span style="color:gray">扣除分数</span></p>
                </el-card>
            </el-col>
            <el-col :span="7">
                <el-card shadow="hover" class="boxcard">
                    <p ><strong><a href="/zf/html">  <img src="../img/icon-item006.png"style="border-radius:10px"/><br>总分</a></strong></p>
                    <p><span style="color:gray">审核，实地考察，社会评议，扣分项</span></p>
                </el-card>
            </el-col>
        </el-row>
    </div>
</center>
</body>
<script type="text/javascript">
    var msg = new Vue({
        el: '#msg',
        data: {
            message: '成绩统计'
        }
    });
    var app = new Vue({
        el: '#app',

    });
</script>
</html>